<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!-- 访问的基本路径,此页面的所有的跳转都是基于此地址作为基本地址 -->
<base href="<%=basePath%>">


<meta charset="utf-8" />
<title></title>
<!--主题样式-->
<link rel="stylesheet" type="text/css"href="resources/easyui/themes/default/easyui.css">
<!--图标样式-->
<link rel="stylesheet" type="text/css" href="resources/easyui/themes/icon.css">
<!--jquery文件-->
<script type="text/javascript" src="resources/easyui/jquery.min.js"></script>
<!--easyui的核心js-->
<script type="text/javascript"src="resources/easyui/jquery.easyui.min.js"></script>
<!-- 引入中文文件 -->
<script type="text/javascript"src="resources/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function(){
	/* 配置datagrid属性 */
	$("#myDataGrid").datagrid({
		fit:true,
		fitColumns:true, 
		url:'hitSong/songList.do',
		method:'get',
		pagination:true, //显示分页条
		toolbar:"#toolbar", //顶部工具条
		striped:true, //斑马线效果
		singleSelect:true,//值能够选中一行,默认可以选中多行
	});
});
	
	
</script>


<!-- datagrid的顶部工具条 -->
<div id="toolbar">
	<a onclick="openDialog();" class="easyui-linkbutton" data-options="{iconCls:'icon-add',plain:true}"></a>
	<a onclick="editPower();"class="easyui-linkbutton" data-options="{iconCls:'icon-edit',plain:true}"></a>
	<a onclick="del();" class="easyui-linkbutton" data-options="{iconCls:'icon-remove',plain:true}"></a>
</div>

<!-- datagrid 组件 -->
<table  id="myDataGrid" class="easyui-datagrid" >
	<thead>
		<tr>
			<th data-options="field:'song_name',width:1">歌曲名称</th>
			<th data-options="field:'singer_name',width:1">歌手名称</th>
			<th data-options="field:'song_time',width:1">歌曲时长</th>
		</tr>
	</thead>
</table >